// 模板引擎 ：可以赋予 html 拥有逻辑的能力
// sass ：css预编译器    less  stylus
// 模板引擎 ：jade（pug） ejs  nujucks   swig Handlebars smarty
//  npm i sass -g 
//  sass index.css:index.sass
//使用 pug 
const Koa = require("koa");
const views = require("koa-views");
const static = require("koa-static");
const koaBody = require("koa-body");
const Router = require("koa-router");
let app  = new Koa();
let router = new Router();
app.use(views(__dirname+"/views",{
    extension:"pug"
}));
app.use(static(__dirname+"/static"));
app.use(koaBody({
    multipart:true
}))
router.get("/addnews",async ctx=>{
    await ctx.render("addNews.html");
})
router.get("/pug",async ctx=>{
    // 1.ajax 客户端主动请求（不利于seo优化）  2.服务端发送 ssr：server send render 服务端渲染
    var data = [{name:"张三",age:20},{name:"李四",age:22},{name:"王五",age:21}]
    await ctx.render("index.pug",{
        data
    });
})

app.use(router.routes());
app.listen(8989);

